<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>关系</title>
</head>
<body>
	<div class="box">
		<ul>
			<li>item1</li>
			<li>item2</li>
			<li class="jony">item3 <a href="">child <span>蓝色的眼睛</span></a></li>
			<li>item4</li>
			<li>item5</li>
		</ul>
	</div>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
		 var jony = $('.jony')

		 // 所有兄弟
		 console.log(jony.siblings())
		 
		 console.log(jony.next())
		 console.log(jony.prev())
		 console.log(jony.nextAll())
		 console.log(jony.prevAll())
		 // 父亲
		 console.log(jony.parent())
		 // 指定的父辈元素
		 console.log(jony.parents('.box'))

		 // 儿子
		 console.log(jony.children())
		 // 指定的子孙
		 console.log(jony.find('span'))

		 // 扩展： 找找其他的关系
		 
	</script>
</body>
</html>